<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/list.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
</head>
<body class="News-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 新闻详情banner start -->
<div class="website-banner">
	<div class="auto-banner">
		<div class="img-div">
			<img class="pc" src="__STATIC__/images/news/news-banner-pc2.jpg" width="1920" alt="新闻中心">
			<img class="phone" src="__STATIC__/images/news/news-banner-phone2.jpg" width="1920" alt="新闻中心">
		</div>
		<div class="cont" flex>
			<div class="wrap-1440">
				<div class="website-map">
					<div class="flex-box">
						<div class="title-icon" flex="wrap aie">
							<img src="__STATIC__/images/news/icon-7-1.png" width="19" alt="Image">
							<a class="title" href="/">首页</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<a>前沿应用</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<a href="{:url('news/news')}">新闻中心</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<span class="span">{$resource.title}</span>
						</div>
					</div>
				</div>
				<div class="info-top-banner">
					<h1 class="h1 info-title" flex="ais">
						<span class="ico-span hot">热门</span>{$resource.title}
					</h1>
					<div class="info-other" flex="wrap">
						<span class="other-li time" flex="aic">
						  <img src="__STATIC__/images/news/list-10-1.svg" width="12" alt="Image">{$resource.ctime}
						</span>
						<span class="other-li source" flex="aic">
							<img src="__STATIC__/images/news/list-10-2.svg" width="12" alt="Image">来源：{$resource.source}
						</span>
						<span class="other-li view" flex="aic">
							<img src="__STATIC__/images/news/list-10-3.svg" width="16" alt="Image">浏览：{$resource.browse}
						</span>
						<span class="other-li tag" flex="aic">
            				<img src="__STATIC__/images/news/list-10-4.svg" width="10" alt="Image">
							{volist name="topicList" id="vo"}
							<a href="{:url('news/topic')}?id={$vo.id}" target="_blank">{$vo.title}</a>
							<i class="line"></i>
							{/volist}
                      </span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 新闻详情banner end -->
<main class="main">
	<!-- 新闻详情 start -->
	<div class="news-block">
		<div class="wrap-1440" flex="wrap jb">
			<div class="left-cont">
				<div class="info-block">
					<div class="cont">
						{$resource.content|raw}
						<div class="end-block" flex="jc aic">- END -</div>
					</div>
					<div class="info-page-box" flex="wrap jb aic">
						<div class="info-page-wid prev textover">
							{if $front.id == 0}
							<a class="info-page-btn" title="{$front.title}">上一篇：{$front.title}</a>
							{else/}
							<a class="info-page-btn" href="{:url('news/detail')}?id={$front.id}"
							   title="{$front.title}">上一篇：{$front.title}</a>
							{/if}
						</div>
						<i class="line"></i>
						<div class="info-page-wid next textover">
							{if $rear.id == 0}
							<a class="info-page-btn" title="{$rear.title}">下一篇：{$rear.title}</a>
							{else/}
							<a class="info-page-btn" href="{:url('news/detail')}?id={$rear.id}"
							   title="{$rear.title}">下一篇：{$rear.title}</a>
							{/if}
						</div>
					</div>
				</div>
			</div>
			<div class="right-cont">
				<!-- 相关产品 start -->
				<div class="related-products item-li">
					<div class="auto-title-block-b">
						<h2 class="auto-title-h2 h2">
							<span class="auto-title-h2-word">热门推荐</span>
						</h2>
					</div>
					<div class="swiper-box">
						<div class="swiper" data-swiper-class="swiperRelatedProducts" data-swiper-json="{
	            loop: true,
	            speed: 500,
	            pagination: {
	              el: '.related-products .swiper-points',
	              clickable: true,
	            },
	            autoplay: {
	              delay: 5000,
	              stopOnLastSlide: false,
	              disableOnInteraction: false,
	            },
	          }">
							<div class="swiper-wrapper">
								{volist name="hotList" id="vo"}
								<div class="swiper-slide">
									<a class="img-box imgh auto-img"
									   href="{:url('news/detail')}?id={$vo.id}">
										<img src="{$vo.pic}"
											 width="100%" alt="{$vo.title}">
									</a>
								</div>
								{/volist}
							</div>
							<div class="swiper-points" flex="jc aic"></div>
						</div>
					</div>
				</div>
				<!-- 相关产品 end -->
				<!-- 热门资讯 start -->
				<div class="hot-news item-li">
					<div class="auto-title-block-b">
						<h2 class="auto-title-h2 h2">
							<span class="auto-title-h2-word">热门资讯</span>
						</h2>
					</div>
					<ul class="ul list4">
						{volist name="hotList" id="vo" key="index"}
						<li class="li list4-li" flex="aic">
							<span class="num">0{$index}</span>
							<a class="list4-title textovers" href="{:url('news/detail')}?id={$vo.id}"
							   title="{$vo.title}">{$vo.title}</a>
						</li>
						{/volist}
					</ul>
				</div>
				<!-- 热门资讯 end -->
				<!-- 热门标签 start -->
				<div class="hot-tags item-li">
					<div class="auto-title-block-b">
						<h2 class="auto-title-h2 h2">
							<span class="auto-title-h2-word">热门话题</span>
						</h2>
					</div>
					<ul class="ul tags-list" flex="wrap">
						{volist name="topicList" id="vo"}
						<li class="li tags-li"><a href="{:url('news/topic')}?id={$vo.id}" target="_blank">{$vo.title}</a></li>
						{/volist}
					</ul>
				</div>
				<!-- 热门标签 end -->
			</div>
		</div>
	</div>
	<!-- 新闻详情 end -->
</main>
<!--尾部begin-->
{include file="footer" /}
<script>
	layui.use(['layedit'], function () {
		var layedit = layui.layedit;

		// 定义一个回显内容的函数
		function renderContent(id, content) {
			layedit.setContent(id, content);
		}

		// 假设你已经从服务器获取到了富文本内容
		var serverContent = "{$resource.content}";
		// 回显富文本内容
		renderContent('content', serverContent);
	});

	// rem计算问题延时执行
	function remAfter() {
		setTimeout(function () {
			// 动画
			AOS.refresh();
		}, 100);
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	AOS.init({
		duration: 600,
		easing: 'ease',
		once: true,
	});
</script>
</body>
</html>